window.onload=function(){
  var usernameReg=/^[a-zA-Z]{4,12}$/;//定义正则表达式
  username = document.querySelector('input[name="username"]');//获取元素
  username.onblur=function(){//为元素添加失去焦点事件
    var value=username.value;//获取元素中输入的值
    //获取显示错误信息的div
    var tipdiv=username.parentElement.nextElementSibling.firstElementChild;
    if(value.match(usernameReg)){//判断是否匹配正则（表达式）
      //正确
      tipdiv.innerHTML="正确";//为tipdiv添加显示的内容
      tipdiv.classList.add("success")//为tipdiv添加success类别
    }else{
      //错误
      tipdiv.classList.add("error")//为tipdiv添加error类别
      tipdiv.innerHTML="错误";
    }
  }
}